{% load staticfiles %}    
<!DOCTYPE html>    
<html>    
    <head>      
        <title>{% block title %}{% endblock %}</title>      
        <link href="{% static "css/base.css" %}" rel="stylesheet">    
    </head>    
    <body>      
        <div id="header">        
            <span class="logo">Bookmarks</span>
            {% if request.user.is_authenticated %}
                <ul class="menu">
                    <li {% if section == "dashboard" %}class="selected"{% endif %}>
                        <a href="{% url 'dashboard' %}">My dashboard</a>
                    </li>
                    <li {% if section == "images" %}class="selected"{% endif %}>
                        <a href="{% url 'images:list' %}">Images</a>
                    </li>
                    <li {% if section == "people" %}class="selected"{% endif %}>
                        <a href="{% url 'user_list' %}">People</a>
                    </li>
                </ul>
            {% endif %}
            <span class="user">
                {% if request.user.is_authenticated %}
                    Hello, {{ request.user.first_name }},<a href="{% url 'logout' %}">Logout</a>
                {% else %}
                    <a href="{% url 'login' %}">Login</a>
                {% endif %}
            </span>
        </div>
        {% if messages %}
        <ul class='messages'>
        {% for message in messages %}
            <li class='{{ message.tags }}'>
                {{ message|safe }}
                <a href="#" class="close">x</a>
            </li>
        {% endfor %}
        </ul>
        {% endif %}
        <div id="content">
            {% block content %}        
            {% endblock %}      
        </div>    
    </body>    
</html>